Gradient stripe pattern

#code/css

https://codepen.io/makzan/details/ZOvgyX

HTML  CSS Result  
.demo {  
  font-weight: bold;
  font-size: 2em;
  padding: 2em;
  text-align: center;
  text-shadow: 0 2px white;
  background-image: linear-gradient(to right, GOLD 50%, #ffffbb 50%);
  background-size: 20px 20px;  
  transition: all 0.3s ease-out;
}
.demo:hover {
  background-position: -20px;
}